<div
  v-loading="isPageLoading"
  :class="[$store.state.appPrefix + '-p-period-comon', $store.state.appPrefix + '-p-users-edit-comon']">
  <div class="info-header">
    <i class="el-icon-arrow-left" @click="$router.go(-1)"></i>
    添加人员账号
  </div>
  <div class="g-edit-layout">
    <div class="edit-period-content">
      <el-form
        class="con-inner"
        label-position="left"
        label-suffix="："
        label-width="80px"
        ref="basicForm"
        :rules="rules"
        :model="basicForm">
        <el-form-item label="姓名" prop="nickName">
          <el-input size="small" v-model="basicForm.nickName" >
          </el-input>
        </el-form-item>
        <el-form-item label="账号" prop="username">
          <el-input size="small" v-model="basicForm.username" autocomplete="new-username" >
          </el-input>
        </el-form-item>
        <el-form-item label="密码" prop="pass">
          <el-input :placeholder="isEdit ? '(密码如需修改，请在此输入)' : '请输入密码'" type="password" size="small" v-model="basicForm.pass" autocomplete="new-password">
          </el-input>
        </el-form-item>
        <el-form-item label="标签" prop="userLable">
          <el-input size="small" v-model="basicForm.userLable" >
          </el-input>
        </el-form-item>
        <el-form-item label="状态" prop="enabled">
          <el-radio size="small" v-model="basicForm.enabled" v-for="item in EXPIRED_STATUS" :key="item.codeNum" :label="item.codeNum">{{ item.codeName }}</el-radio>
        </el-form-item>
        
        <el-form-item>
          <el-button size="small" @click="$saveForm" type="primary">保存</el-button>
          <el-button size="small" @click="$router.go(-1)">返回</el-button>
        </el-form-item>
      </el-form>
    </div>
    <!-- <div class="action-box">
      <el-button size="small" @click="$router.go(-1)">返回</el-button>
      <el-button size="small" @click="$saveForm" type="primary">保存</el-button>
    </div> -->
  </div>
</div>
